<template>
   <div class="content">
      <div class="header">
          <div class="header_left">
              <h4>控件列表</h4>
               <tablelist></tablelist>
          </div>
          <div class="header_right">
              <h4>控件列表</h4>
              <tablesetting></tablesetting>
          </div>
      </div>
      
   </div>
</template>
<script>
import tablesetting from './tablesetting.vue'
import tablelist from './tablelist.vue'
export default {
  components: {
    tablelist,
    tablesetting
  },
  data() {
    return{

    }
  }
}
</script>

<style>
 page{
  width: 100%;
  height: 100%;
 }

 .header{
     display: flex;
     flex-direction: row;
 }
 .header_left{
     width: 15%;
     border: .5px solid #EBEEF5;
 }
 .header_right{
     width: 85%;
     border: .5px solid #EBEEF5;
 }
</style>